<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文章列表--layui后台管理模板</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../css/font_eolqem241z66flxr.css" media="all" />
	<link rel="stylesheet" href="../../css/news.css" media="all" />
</head>

<body class="childrenBody">
<!--角色选择-->
	<blockquote class="search_box">
		<div class="layui-inline ">
			<div class="userrole_btn active">
				<p>线上作业</p>
				<p>Pending to the course</p>
			</div>
			<div class="userrole_btn ">
				<p>线下作业</p>
				<p>Haven taken the course</p>
			</div>
			<div class="userrole_btn ">
				<p>考试</p>
				<p>Haven taken the course</p>
			</div>
		</div>
	</blockquote>
	<blockquote class="layui-elem-quote news_search">
		<div class="layui-inline">
		<span class="layui-inline">搜索(search)：</span>
		<div class="layui-input-inline">
			<input type="text" value="" placeholder="课程名称" class="layui-input search_input">
		</div>

	</div>

		<div class="layui-inline">
			<span class="layui-inline">筛选(Filter)：</span>
			<div class=" layui-inline layui-form component">
				<select name="modules" lay-verify="required">
					<option value="">选择月份（mouth）</option>
					<option value="1">1月</option>
					<option value="2">2月</option>
					<option value="3">3月</option>
					<option value="4">4月</option>
					<option value="5">5月</option>
					<option value="6">6月</option>
					<option value="7">7月</option>
					<option value="8">8月</option>
					<option value="9">9月</option>
					<option value="10">10月</option>
					<option value="11">11月</option>
					<option value="12">12月</option>

				</select><div class="layui-unselect layui-form-select"><div class="layui-select-title"><input type="text" placeholder="选择月份" value="" readonly="" class="layui-input layui-unselect"><i class="layui-edge"></i></div><dl class="layui-anim layui-anim-upbit"><dd lay-value="1" class="">1月</dd><dd lay-value="2" class="">2月</dd><dd lay-value="3" class="">3月</dd><dd lay-value="4" class="">4月</dd><dd lay-value="5" class="">5月</dd><dd lay-value="6" class="">6月</dd><dd lay-value="7" class="">7月</dd><dd lay-value="8" class="">8月</dd><dd lay-value="9" class="">9月</dd><dd lay-value="10" class="">10月</dd><dd lay-value="11" class="">11月</dd><dd lay-value="12" class="">12月</dd></dl></div>
			</div>

			<a class="layui-btn search_btn">查询(Inquire)</a>
		</div>


	</blockquote>


	<!--表格展示区-->
	<div class="layui-form news_list">
	  	<table class="layui-table">

		    <thead>
				<tr>

					<th>
						<p>序号</p>
						<p>NO.</p>
					</th>
					<th>
						<p>课程名称</p>
						<p>Course Name</p>
					</th>
					<th>
						<p>课节名称</p>
						<p>Class Name</p>
					</th>
					<th>
						<p>学生姓名</p>
						<p>Class Name</p>
					</th>
					<th>
						<p>批改状态</p>
						<p>Correction state</p>
					</th>
					<th>
						<p>提交日期</p>
						<p>Class Date</p>
					</th>
					<th>
						<p>时间</p>
						<p>Time</p>
					</th>

					<th>
						<p>操作</p>
						<p>Action</p>
					</th>
				</tr>
		    </thead>
		    <tbody class="news_content">
				<tr>
					<td>
						<p>1</p>
					</td>
					<td>
						<p>新概念</p>
						<p> New concept</p>
					</td>
					<td>
						<p>新概念01</p>
						<p> New concept01</p>
					</td>
					<td>
						<p>Jeven</p>
						<p> Jeven</p>
					</td>
					<td>
						<p>为批改</p>
						<p> unregonized</p>
					</td>
					<td>
						<p>2018/08/18</p>
					</td>
					<td>
						<p>16:00</p>
					</td>


					<td>

						<a class="course_open"  style="display:inline-block;margin-left: 20px">

							<p>	批改</p>
							<p>	Correction</p>
						</a>
					</td>

				</tr>
				<tr>
					<td>
						<p>1</p>
					</td>
					<td>
						<p>线下作业</p>
						<p> New concept</p>
					</td>
					<td>
						<p>操作多了两个按钮</p>
						<p> New concept01</p>
					</td>
					<td>
						<p>Jeven</p>
						<p> Jeven</p>
					</td>
					<td>
						<p>未批改</p>
						<p> unregonized</p>
					</td>
					<td>
						<p>2018/08/18</p>
					</td>
					<td>
						<p>16:00</p>
					</td>


					<td>

						<a class="course_open"  style="display:inline-block;margin-left: 20px">

							<p>	下载作业</p>
							<p>	Download test paper</p>
						</a>
						<a class="course_open"  style="display:inline-block;margin-left: 20px">


							<div class="layui-box layui-upload-button">
							<form target="layui-upload-iframe" method="post" key="set-mine" enctype="multipart/form-data" action="上传接口url">
								<input type="file" name="file" class="layui-upload-file" lay-type="file" id="test" style="width: 70px">
							</form>
								</div>

							<p>	Uplode correction</p>
						</a>
					</td>

				</tr>
				<tr>
					<td>
						<p>1</p>
					</td>
					<td>
						<p>考试跟线上数据一样</p>
						<p> New concept</p>
					</td>
					<td>
						<p>新概念01</p>
						<p> New concept01</p>
					</td>
					<td>
						<p>Jeven</p>
						<p> Jeven</p>
					</td>
					<td>
						<p>为批改</p>
						<p> unregonized</p>
					</td>
					<td>
						<p>2018/08/18</p>
					</td>
					<td>
						<p>16:00</p>
					</td>


					<td>

						<a class="course_open"  style="display:inline-block;margin-left: 20px">

							<p>	批改</p>
							<p>	Correction</p>
						</a>
					</td>

				</tr>
			</tbody>
		</table>
	</div>
	<!--layer分页-->
	<!--<div id="page"></div>-->
	<!--静态分页-->
	<div id="page1">
		<div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-0">
			<a href="javascript:;" class="layui-laypage-prev" data-page="1">上一页</a>
			<a href="javascript:;" data-page="1">1</a>
			<span class="layui-laypage-curr">
				<em class="layui-laypage-em"></em>
				<em>2</em></span>
			<a href="javascript:;" data-page="3">3</a>
			<a href="javascript:;" data-page="4">4</a>
			<a href="javascript:;" data-page="5">5</a>
			<span>…</span>
			<a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="10">末页</a>
			<a href="javascript:;" class="layui-laypage-next" data-page="3">下一页</a>
		</div>
	</div>

	<script type="text/javascript" src="../../layui/layui.js"></script>
	<script type="text/javascript" src="courseTabelList.js"></script>
</body>
</html>